import { AppProps, Container, Events } from "@/components/custom/index.tsx";
import { ColorPicker } from '@arco-design/web-vue'
import { definitionInput, definitionMonacoEditor } from '@/components/custom/incident'
export default ({
    type: "form",
    label: "颜色输入框",
    description: "颜色输入框",
    hidden: false,
    isform: true,
    draggable: true,
    icon: () => <icon-bg-colors />,
    preview: () => {
        return <ColorPicker />
    },
    render: (props: any, { }: Container, app: AppProps) => {

        return <ColorPicker  {...props} ></ColorPicker>
    }, props: {
        modelValue: definitionInput({
            type: "string",
            label: "默认值",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
    },
    events: {
        onChange: definitionMonacoEditor({
            type: "string",
            label: "值改变时触发",
            defaultValue: "",
        }),
        onPopupVisibleChange: definitionMonacoEditor({
            type: "string",
            label: "下拉框显示状态改变时触发",
            defaultValue: "",
        }),
    }
}) as Container